<html>
<script type="text/ecmascript" src="js_comm/jquery-1.6.1.min.js"></script>
<script type="text/ecmascript">

$(document).ready(function(){

 $(".btn a").each(function(){
  
  var image = $(this).children("img");
  var imgsrc = $(image).attr("src");     //attr 속성의 값을 가져온다.
  
  //add mouseOver
  $(this).mouseover(function(){
   var on = imgsrc.replace(/_off.gif/,"_on.gif");   //앞에 문자열을 뒤에 문자열로 변환 
   $(image).attr("src",on);                 //attr 속성의 값을 변경
  });
  
    //add mouseOut
  $(this).mouseout(function(){
   var off = imgsrc.replace(/_on.gif/,"_off.gif");
   $(image).attr("src",off);
  });
  
  //add mouseDown
//  $(this).mousedown(function(){
//   var dn = imgsrc.replace(_off.gif/,"_b.gif");
//   $(image).attr("src",dn);
//  });

 });

});

</script>


<body>
<div class="btn">         
     <a href="#n"><img src="images/menu02_01_off.gif"    	  alt="filter" name="image1"     /></a>
     <a href="#n"><img src="images/menu02_02_off.gif" 	 	  alt="refresh" name="image2" /></a>
     <a href="#n"><img src="images/menu02_03_off.gif"   	  alt="excel" name="image3"   /></a>
     <a href="#n"><img src="images/menu02_04_off.gif"  		  alt="graph" name="image4"  /></a>
     <a href="#n"><img src="images/menu04_01_off.gif"    	  alt="graph"  name="image5" /></a>
     <a href="#n"><img src="images/menu04_02_off.gif"   	  alt="total" name="image6"    /></a>
  </div>  
</body>
</html>
